import { useDispatch } from '@/redux'
import { Drawer } from 'antd'
import React, { useState } from 'react'
import { useTranslation } from 'react-i18next'

const Theme = () => {
  const { t } = useTranslation()
  const dispatch = useDispatch()
  const [visible, setVisible] = useState<boolean>(false)

  return (
    <>
      <i className="icon-style iconfont icon-zhuti" onClick={() => setVisible(true)}></i>
      <Drawer
        title={t('theme.title')}
        placement="right"
        open={visible}
        onClose={() => setVisible(false)}
        width={330}
      ></Drawer>
    </>
  )
}

export default Theme
